<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="/public/css/base.css">
    <link rel="stylesheet" href="/public/css/register.css">
    <!-- <script src="../public/js/jquery-1.10.1.min.js"></script> -->
    <script src="/node_modules/jquery/dist/jquery.js"></script>
    <script src="/public/js/customJS/register.js"></script>
</head>

<body>
    <h3>
        <a href="/"><img src="../public/images/logo.png" alt=""></a>
    </h3> 
    <main>  
        <div id="tip"><i>!</i><span></span></div>
        <h4>欢迎注册</h4>
        <div class="phoneBox">
            <i>&#xe619;</i><input type="text" name="tel" id="phone" class="phone" placeholder="手机号">
        </div>
        <div class="codeContainer">
            <div class="inputCodeBox">
                <i>&#xe642;</i><input type="text" name="code" id="inputCode" class="inputCode" placeholder="请输入验证码">
            </div>
            <div class="sendCode">发送验证码</div>
        </div>
        <p class="p1"><input type="checkbox" name="" id="">是否立即开卡，成为优惠顾客<em>?</em></p>

        <div class="cardContainer">
            <input type="text" name="username" id="username" placeholder="请输入本人证件姓名">
            <div class="cardBox">
                <input type="text" name="cardCategory" id="cardCategory" placeholder="选择证件类型">
                <div class="cardCategories">
                    <span>身份证</span>
                    <span>其他证件</span>
                </div>
            </div>
            <input type="text" name="cardCode" id="cardCode" placeholder="证件号码">
            <input type="text" name="inviteCode" id="inviteCode" placeholder="请输入邀请人卡号">
            <p class="p2"><input type="checkbox" name="" id="">同时为配偶开通副卡</p>

            <div class="spouse">
                <input type="text" name="username2" id="username2" placeholder="请输入配偶证件姓名">
                <input type="text" name="tel2" id="tel2" placeholder="请输入配偶手机号">

                <div class="cardBox">
                    <input type="text" name="cardCategory2" id="cardCategory2" placeholder="选择证件类型">
                    <div class="cardCategories2">
                        <span>身份证</span>
                        <span>其他证件</span>
                    </div>
                </div>
                <input type="text" name="cardCode2" id="cardCode2" placeholder="证件号码">
            </div>
        </div>

        <p class="agreement"><input type="checkbox" name="" id=""><a href="#">《油葱商城注册及开卡协议》</a></p>
        <input type="submit" value="提交" id='submit' disabled>
        <a href="/login" class="revoke">取消</a>
    </main>
    <p class="copyRight">Copyright © 1994-2019 完美（中国）有限公司版权所有，未经许可不得转载或链接。</p>
</body>

</html>